<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>演示：jQuery年月日（生日）选择器</title>
    <link rel="stylesheet" type="text/css" href="../css/main.css"/>
    <style>
        .demo {
            width: 420px;
            margin: 40px auto 0 auto;
            min-height: 250px;
        }

        .demo p {
            line-height: 42px;
            font-size: 16px
        }
    </style>
</head>

<body>
<div id="main">
    <h2 class="top_title"><a href="http://www.helloweba.com/view-blog-263.html">jQuery年月日（生日）选择器</a></h2>

    <div class="demo">
        <p>
            初始化：<br/>
            <label>生日：</label>
            <select id="sel_year"></select>年
            <select id="sel_month"></select>月
            <select id="sel_day"></select>日
        </p>

        <p>
            默认值：<br/>
            <label>生日：</label>
            <select class="sel_year" rel="2000"></select>年
            <select class="sel_month" rel="2"></select>月
            <select class="sel_day" rel="14"></select>日
        </p>

    </div>
</div>
<script type="text/javascript" src="//cdnjscn.b0.upaiyun.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="birthday.js"></script>
<script>
    $(function () {
        $.ms_DatePicker({
            YearSelector: ".sel_year",
            MonthSelector: ".sel_month",
            DaySelector: ".sel_day"
        });
        $.ms_DatePicker();
    });
</script>

<div id="footer">
    <p>Powered by helloweba.com 允许转载、修改和使用本站的DEMO，但请注明出处：<a href="http://www.helloweba.com">www.helloweba.com</a></p>
</div>
</body>
</html>
